<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>settings</title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="renderer" content="ie-stand">
    <meta name="viewport" content="initial-scale = 1, user-scalable = no">

    <link rel="icon" href="Zoo.ico" type="image/ico">

    <link type="text/css" href="lib/css/bootstrap.css" rel="stylesheet"/>
    <link type="text/css" href="lib/css/settings.css" rel="stylesheet"/>


    <script src="lib/script/jquery.js"></script>
    <script src="lib/script/bootstrap.js"></script>

</head>
<body>
<div class="col-sm-12">
    <div id="setHeader">
        <span style="margin: 15px 5px;display: inline-block">系统设置</span>
        <span class="pull-right">
            <span style="margin: 15px 0;display: inline-block" class="glyphicon glyphicon-minus"></span>
            <span style="margin: 15px 5px;display: inline-block" class="glyphicon glyphicon-remove"></span>
        </span>
    </div>
        <ul class="nav nav-tabs nav-stacked" role="tablist">
            <li class="active">
                <a href="#pills-tab1" data-toggle="tab">
                    个人信息
                </a>
            </li>
            <li>
                <a href="#pills-tab2" data-toggle="tab">
                    常规
                </a>
            </li>
            <li>
                <a href="#pills-tab3" data-toggle="tab">
                    外观
                </a>
            </li>
            <li>
                <a href="#pills-tab4" data-toggle="tab">
                    对话
                </a>
            </li>
            <li>
                <a href="#pills-tab5" data-toggle="tab">
                    邮件
                </a>
            </li>
            <li>
                <a href="#pills-tab6" data-toggle="tab">
                    通知
                </a>
            </li>
            <li>
                <a href="#pills-tab7" data-toggle="tab">
                    音/视频设置
                </a>
            </li>
            <li>
                <a href="#pills-tab8" data-toggle="tab">
                    网络设置
                </a>
            </li>

        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="pills-tab1">
                111
            </div>
            <div class="tab-pane" id="pills-tab2">
                222
            </div>
            <div class="tab-pane" id="pills-tab3">
                333
            </div>
            <div class="tab-pane" id="pills-tab4">
                444
            </div>
            <div class="tab-pane" id="pills-tab5">
                555
            </div>
            <div class="tab-pane" id="pills-tab6">
                666
            </div>
            <div class="tab-pane" id="pills-tab7">
                777
            </div>
            <div class="tab-pane" id="pills-tab8">
                888
            </div>
        </div>
    <div class="btns pull-right">
        <button id="ok" type="button" class="btn btn-default" style="-webkit-app-region:no-drag;" >确定</button>
        <button id="cancel" type="button" class="btn btn-default" style="-webkit-app-region:no-drag;">取消</button>
        <button id="apply" type="button" class="btn btn-default" style="-webkit-app-region:no-drag;">应用</button>
    </div>
</div>
<script>

</script>

</body>
</html>